<template>
  <div >


      <el-submenu :index="values.menusId.toString()" v-for="(values,index) in menusvalue" v-if="values.menusType==0">
        <template slot="title">
          <i :class="values.menusIcon"></i>
          <span v-if="values.menusRouter==''||values.menusRouter==null||values.menusRouter=='null'">
            <span>{{values.menusName}}</span>
          </span>
          <span v-else>
             <el-link  :href="'#'+values.menusRouter">{{values.menusName}}</el-link>
          </span>
         


        </template>
        <Menus :menusvalue="values.children"></Menus>


      </el-submenu>

      <el-menu-item :index="values.menusId.toString()" v-for="(values,index) in menusvalue" :key="values.menusId.toString()" v-if="values.menusType==1" >
        <i :class="values.menusIcon"></i>
        <el-link  :href="'#'+values.menusRouter">{{values.menusName}}</el-link>
      </el-menu-item>

  </div>
</template>

<script>
export default {
  name:"Menus",
  props:[
    "menusvalue"
  ]


}
</script>

<style>
</style>
